<template>

<!-- 父亲 只需要弄两个容器来装儿子组件  引入两个儿子组件 1引入 2 注册   3 使用-->
    <div>
        <div class="box">
            <HomeChart></HomeChart>
        </div>
        <div class="bo2">
            <OrderChart></OrderChart>
        </div>
    </div>
</template>

<script>
import HomeChart from './components/HomeChart.vue'
import OrderChart from './components/OrderChart.vue'
    export default {
        components:{
            HomeChart ,
            OrderChart,
        }
    }
</script>

<style lang="less" scoped>
    div{
        display: flex;
    
    }
    .box{
        width: 500px;
        height: 500px;
        border: 1px solid red;
    }
    .bo2{
        width: 500px;
        height: 500px;
        margin-left: 40px;
        border: 1px solid blue;
    }
</style>